<template>
  <!--查看答辩安排（学生）-->
  <div class="edu-page-warp view-arrangement">
    <el-card>
      <div class="edu-page-title">{{$t('graduationDesign.replyArrangement')}}</div>
      <div class="edu-opertion-bar">
        <span class="table-prompt">{{$t('graduationDesign.pleaseThirtyMinutesArriveReplySite')}}</span>
      </div>
      <edu-table ref="viewArrangementTable" :data="viewArrangementData" :selection="false" :pagination="false">
        <edu-table-column :label="$t('graduationDesign.graduationYear')" prop="graduationYear" min-width="90"></edu-table-column>
        <edu-table-column :label="$t('graduationDesign.subjectName')" prop="projectName" min-width="100"></edu-table-column>
        <edu-table-column :label="$t('graduationDesign.instructor')" prop="instructorName" min-width="90"></edu-table-column>
        <edu-table-column :label="$t('graduationDesign.replyTime')" prop="defenseStartTime" min-width="110"></edu-table-column>
        <edu-table-column :label="$t('graduationDesign.replyLocation')" prop="defenseLocation" min-width="110"></edu-table-column>
      </edu-table>
    </el-card>
  </div>
</template>
<script>
import API from "common/src/api/underGraduationDesign/assignReplyStudent";

export default {
  name: 'viewReplyArrangement',
  data() {
    return {
      api: API,
      getList: '/api/designservice/defenseGroup/getStudentDefenseInfo',
      queryForm: {},
      viewArrangementData: []
    };
  },
  mounted() {
    this.searchList();
  },
  methods: {
    searchList() {
      this.viewArrangementData = [];
      this.api.getReplyArrangement().then(res => {
        this.viewArrangementData = res.data;
      });
    }
  }
}
</script>
<style lang="scss" scoped>
.view-arrangement {
    .table-prompt {
        position: relative;
        left: 250px;
        top: -24px;
        font-weight: bold;
        color: #ff0000;
    }
}
</style>
